<template>
  <h1>鼠标坐标X:{{ point.x }},{{ point.y }}</h1>
</template>

<script>
import usePoint from "../hooks/usePoint"

export default {
  name: "myDemo",
  setup() {

    let point = usePoint()

    return {
      point
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped></style>
